<template>
    <div>
        <collapse accordion="true" @change="num">
            <collapse-item title="杜甫" showAnimation>
                <div style="padding: 30px;">
                    杜甫字子美，自号少陵野老，唐代伟大的现实主义诗人，与李白合称“李杜”。
                </div>
            </collapse-item>
            <collapse-item title="李白" showAnimation>
                <div style="padding: 30px;">
                    李白字太白，号青莲居士，又号“谪仙人”，唐代伟大的浪漫主义诗人，被后人誉为“诗仙”，与杜甫并称为“李杜”，
                </div>
            </collapse-item>
            <collapse-item title="李清照" showAnimation>
                <div style="padding: 30px;">
                    李清照号易安居士，汉族，齐州济南（今山东省济南市章丘区）人。宋代女词人，婉约词派代表，有“千古第一才女”之称。
                </div>
            </collapse-item>
            <collapse-item title="苏轼" showAnimation>
                <div style="padding: 30px;">
                    李清照号易安居士，汉族，齐州济南（今山东省济南市章丘区）人。宋代女词人，婉约词派代表，有“千古第一才女”之称。
                </div>
            </collapse-item>
        </collapse>
    </div>
</template>

<script>
import collapse from '@/components/Collapse/Collapse'
import CollapseItem from '@/components/Collapse/collapse-item'
export default {
  name: "Collapse",
  components: { collapse, CollapseItem},
  data() {
    return {
    }
  },
  methods: {
    num(e){
      console.log(e)
    }
  },
  created() {
  },
  beforeDestroy() {
  }
}
</script>

<style scoped>

</style>
